.gradient(@color1,@color2) {
  color: transparent;
  -webkit-background-clip: text;
  background-image: -webkit-linear-gradient(left bottom, @color1, @color2);
}
.iconfont {
  &.green {
    .gradient(#0aa77a,#5cfe9d);
  }
  &.green2 {
    // background-image: linear-gradient( 135deg, #70F570 10%, #49C628 100%);
    .gradient(#70f570, #49c628);
  }
  &.blue {
    .gradient(#29bdd9,#276ace);
  }
  &.blue2 {
    .gradient(#276ace,#29bdd9);
  }
  &.blue3 {
    // background-image: linear-gradient( 135deg, #52E5E7 10%, #130CB7 100%);
    .gradient(#52e5e7,#130cb7);
  }
  &.blue4 {
    // background-image: linear-gradient( 135deg, #97ABFF 10%, #123597 100%);
    .gradient(#97abff,#123597);
  }
  &.red {
    .gradient(#ff9569,#e92758);
  }
  &.red2 {
    .gradient(#e92758,#ff9569);
  }
  &.red3 {
    // background-image: linear-gradient( 135deg, #FFAA85 10%, #B3315F 100%);
    .gradient( #FFAA85,#B3315F);
  }
  &.purple {
    .gradient(#E2B0FF,#9f44d3);
    // background-image: linear-gradient( 135deg, #E2B0FF 10%, #9F44D3 100%);
  }
}
